<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Mendmix Tutorial page</title>
		<style>
			input,
			select {
				border: 1px solid #737383;
				color: #666666;
				font: 14px/1.2 Microsoft YaHei;
				padding: 3px;
				vertical-align: middle;
			}
		</style>
	</head>

	<body>
		<div class="admin-main">
			<fieldset id="login_panel" class="elem-field" style="display: none;width: 980px;">
				<legend>用户登录</legend>
				<form class="form">
					<div class="form-item">
						<div class="input-inline" style="width: 200px;">
							<input type="text" id="account" class="input" value="mendmix" placeholder="用户名" />
						</div>
						<div class="input-inline" style="width: 200px;margin-top: 5px;">
							<input type="password" id="password" class="input" value="123456" placeholder="密码" />
						</div>
						<div class="input-inline" style="width: 100px;">
							<input type="button" id="act_login_btn" class="btn btn-normal" value="登录" />
						</div>
					</div>
				</form>

			</fieldset>
			<div id="logout_panel" style="margin: 15px;"><input type="button" id="logout_btn" class="btn btn-normal"
					value="登出" style="color: red;font-size: 16px;" /></div>
			<fieldset id="logined_panel" class="elem-field" style="width: 980px;">
				<legend>接口测试</legend>
				<form class="form">
					<div class="form-item">
						<label class="form-label">测试接口</label>
						<div class="input-block" style="width: 700px;">
							<select id="methodKey" style="height: 25px;line-height: 25px;">
								<option value="api-000">健康检查探针</option>
								<option value="api-001">获取当前登录用户</option>
								<option value="api-002">获取模块元数据</option>
								<option value="api-003">获取路由信息</option>
								<option value="api-004">获取定时任务列表</option>
								<option value="api-005">分页查询用户(openApi)</option>
								<option value="api-006">分页查询审计日志</option>
								<option value="api-007">新增用户(有权限)</option>
								<option value="api-008">删除用户(无权限)</option>
							</select>
							&nbsp;<input type="checkbox" id="open_sign_btn"><span
								style="color: red;font-size: 14px;">签名访问</span>
							&nbsp;<input type="button" id="test_api_btn" class="btn btn-normal" value="测试" />
						</div>
					</div>
					<div id="sign_panel" style="margin-top: 10px;display: none;">
						<label class="form-label">签名内容</label>
						<div class="form-item">
							应用ID:<input type="text" id="clientId" class="input" value="testClientId" style="width: 400px;" />
						</div>
						<div class="form-item" style="margin-top: 5px;">
							时间戳:<input type="text" id="timestamp" class="input" style="width: 400px;" />
						</div>
						<div class="form-item" style="margin-top: 5px;">
							签&nbsp;&nbsp;名:<input type="text" id="sign" class="input" style="width: 400px;" />
							&nbsp;<input type="button" id="gen_sign_btn" class="btn btn-normal" value="生成签名" />
						</div>
					</div>
					<div style="margin-top: 10px;">
						<label class="form-label">请求数据</label>
						<div class="input-inline">
							<textarea id="apiParams" placeholder="请求数据" class="textarea"
								style="width: 900px;height:200px;"></textarea>
						</div>
					</div>
				</form>
			</fieldset>
			<fieldset class="elem-field field-title" style="margin-top: 20px;width: 980px;">
				<legend>响应结果</legend>
				<textarea id="response_previve" placeholder="响应结果" class="textarea"
					style="width: 900px;height:300px;background-color: #000000;color: #FFFFFF;"></textarea>
			</fieldset>

		</div>
	</body>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./app.js?2020"></script>


</html>
